<#include "/index_common/_layout.html" />


<@layout>
<div class="am-g am-g-fixed blog-g-fixed">
  <div class="am-u-md-8">
    
    
    
    
    
    
    
    
<#list contentPage.getList() as x>     


    
    <article class="blog-main">
      <h3 class="am-article-title blog-title">
        <a href="/content/?id=${x.id}"> ${x.title} </a>
      </h3>
      <h4 class="am-article-meta blog-meta"> posted on  ${x.datetime}  under <a href="/searchClass/?cname=${x.cname}">${x.cname}</a></h4>

      <div class="am-g blog-content">
        
        <#if x.content?length lt 200>   
			${x.content}
		<#else> 
     		${x.content[0..201]}... 
		</#if>
        
   
        
      </div>
    
      
      
      
      
    </article>

    <hr class="am-article-divider blog-hr">
    
    
 </#list>   
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <ul class="am-pagination blog-pagination" style="display:none">
      <li class="am-pagination-prev"><a href="">&laquo; 上一页</a></li>
      <li class="am-pagination-next"><a href="">下一页 &raquo;</a></li>
    </ul>
     <#include "/index_common/_paginate.html" />
	<@paginate currentPage=contentPage.pageNumber totalPage=contentPage.totalPage actionUrl="/" />
  
    
    
    
    
    
  </div>

  <div class="am-u-md-4 blog-sidebar">
    <div class="am-panel-group">
      
      
      
      <section class="am-panel am-panel-default" style="display:none">
        <div class="am-panel-hd">关于我</div>
        <div class="am-panel-bd">
          <p>前所未有的中文云端字型服务，让您在 web 平台上自由使用高品质中文字体，跨平台、可搜寻，而且超美。云端字型是我们的事业，推广字型学知识是我们的志业。从字体出发，关心设计与我们的生活，justfont blog
            正是為此而生。</p>
          <a class="am-btn am-btn-success am-btn-sm" href="#">查看更多 →</a>
        </div>
      </section>
      
      
       <section class="am-panel am-panel-default">
        <div class="am-panel-hd">关于我</div>
        <div class="am-panel-bd">
          <ul class="am-avg-sm-4 blog-team">
            <li><img class="am-thumbnail"
                     src="/upload/${user.avatar}" alt=""/>
            </li>
          </ul>
          <div class="am-panel-bd">
          <p>姓名 / Name:${user.name}</p>
          <p>电话 / Telephone:${user.telephone}</p>
          <p>QQ:${user.qq}</p>
          <p>微博 / Twitter:${user.twitter}</p>
          <p>简介 / Intro:${user.intro}</p>
        </div>
        </div>
      </section>
      
      
      
      <section class="am-panel am-panel-default">
        <div class="am-panel-hd">文章目录</div>
        <ul class="am-list blog-list">
        
        <#list lists as x>  
       		 <li><a href="/content/?id=${x.id}"> ${x.title}</a></li>
        </#list>  
        
         
        </ul>
      </section>

     
    </div>
  </div>

</div>

<footer class="blog-footer">
  <p>blog template<br/>
    <small>© Copyright XXX. by the AmazeUI Team.</small>
  </p>
</footer>



	

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/js/amazeui.min.js"></script>

</body>
</html>
</@layout>
